<template>
  <div>
    <a-row :gutter="24">
      <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
        <chart-card >
          <div class="rightullidiv">
            <img src="../../assets/logo.png" class="rightulliimg">
          </div>
          <template slot="footer"><div style="text-align: center">丘钛客诉</div></template>
        </chart-card>
      </a-col>
      <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
        <chart-card >
          <div class="rightullidiv">
            <img src="../../assets/fanruan.png" class="rightulliimg" >
          </div>
          <template slot="footer"><div style="text-align: center">帆软BI</div></template>
        </chart-card>
      </a-col>
      <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
        <chart-card >
            <div class="rightullidiv">
              <img src="../../assets/dingjie.jpg" class="rightulliimg">
            </div>
          <template slot="footer"><div style="text-align: center">鼎捷ERP</div></template>
        </chart-card>
      </a-col>
      <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
        <chart-card >
          <div class="rightullidiv">
            <img src="../../assets/lanling.png" class="rightulliimg">
          </div>
          <template slot="footer">
            <div style="text-align: center">蓝凌OA</div>
          </template>
        </chart-card>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import moment from 'moment'
import {
  ChartCard,
  MiniArea,
  MiniBar,
  MiniProgress,
  RankList,
  Bar,
  Trend,
  NumberInfo,
  MiniSmoothArea
} from '@/components'
import { baseMixin } from '@/store/app-mixin'

export default {
  name: 'Analysis',
  mixins: [baseMixin],
  components: {
    ChartCard,
    MiniArea,
    MiniBar,
    MiniProgress,
    RankList,
    Bar,
    Trend,
    NumberInfo,
    MiniSmoothArea
  },
  data () {
    return {
      loading: true,
      pieStyle: {
        stroke: '#fff',
        lineWidth: 1
      }
    }
  },
  computed: {
  },
  mounted() {
    this.getUrl()
    this.redictUrl()
  },
  methods: {
    getUrl () {
      // alert(window.location.href)
    },
    redictUrl () {
      // window.location.href = 'https://open.feishu.cn/open-apis/authen/v1/index?redirect_uri=http://10.175.119.145:8000/dashboard/analysis&app_id=cli_a00fbf4cfcf8900e'
      // window.location.href = 'https://www.baidu.com'
    },
  },
  created () {
    setTimeout(() => {
      this.loading = !this.loading
    }, 1000)
  }
}
</script>

<style lang="less" scoped>
  .rightullidiv {
    width: 100%;
    height: 95px;
    /*background: #f2f2f2;*/
    display: flex;
    justify-content: center;
    align-items: center;
    .rightulliimg {
      max-width: 100%;
      max-height: 80px;
    }
  }
  .extra-wrapper {
    line-height: 55px;
    padding-right: 24px;

    .extra-item {
      display: inline-block;
      margin-right: 24px;

      a {
        margin-left: 24px;
      }
    }
  }

  .antd-pro-pages-dashboard-analysis-twoColLayout {
    position: relative;
    display: flex;
    display: block;
    flex-flow: row wrap;
  }

  .antd-pro-pages-dashboard-analysis-salesCard {
    height: calc(100% - 24px);
    /deep/ .ant-card-head {
      position: relative;
    }
  }

  .dashboard-analysis-iconGroup {
    i {
      margin-left: 16px;
      color: rgba(0,0,0,.45);
      cursor: pointer;
      transition: color .32s;
      color: black;
    }
  }
  .analysis-salesTypeRadio {
    position: absolute;
    right: 54px;
    bottom: 12px;
  }
</style>
